<template>
  <div>
    <v-dialog>
      <div class="dialog-tip">
        <div class="dialog-title">当前浏览器的cookie功能已关闭，为了你的正常使用，请开启浏览器的cookie功能</div>
        <div class="dialog-btn-group">
          <button type="button" class="dialog-btn btn-orange" @click="closeDialog">{{$t('message.addLimit')}}</button>
          <button type="button" class="dialog-btn btn-white margin-left">{{$t('message.no')}}</button>
        </div>
      </div>
    </v-dialog>
  </div>
</template>

<script>
  import VDialog from '@/components/base/VDialog'
  import { getCookie, setCookie } from '@/util/util'
  export default {
    components: {
      VDialog
    },
    data () {
      return {
        isCookie: false
      }
    },
    methods: {
      testCookie () {
        setCookie('test', 'testCookie')
        let testC = getCookie('test1')
        if (testC === null) {
          this.isCookie = true
        } else {
          this.isCookie = false
        }
      },
      closeDialog () {
        this.isCookie = false
      }
    }
  }
</script>

<style scoped>
  .dialog-tip {
    width: 320px;
    height: 131px;
    padding: 60px 70px 40px;
    background-color: #fff;
  }

  .dialog-title {
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    text-align: center;
  }

  .dialog-btn-group {
    height: 46px;
    margin-top: 60px;
    font-size: 0;
  }
  .dialog-btn {
    width: 140px;
    height: 46px;
    cursor: pointer;
  }

  .margin-left {
    margin-left: 40px;
  }
</style>
